<template>
    <div>
<!--        <myHeader></myHeader>-->
        <main>
            <header>
                <!-- <span class="icon-fangdajing_huaban1 iconfont"></span> -->
                <span><a href="index" class="iconfont">&#xe602;&nbsp;首页</a> </span>
                <span>&nbsp; / &nbsp;</span>
                <span><a href="#"> 视频详情</a></span>
            </header>
            <VideoDetails></VideoDetails>
            <Commit></Commit>

        </main>
    </div>

</template>

<script>
    // import myHeader from '../components/MyHeader'
    import VideoDetails from "../components/VideoDetails";
    import Commit from '../components/Commit'
    export default {
        name: "Detail",
        // components: {VideoDetails,Commit,myHeader},
        components: {VideoDetails,Commit}
    }
</script>

<style scoped>
    main{
        padding-bottom: 20px;
        background-color: #eee;
    }
    main>header{
        color: #888;
        padding: 12px 0;
        margin: auto;
        width: 1200px;
    }
    main>header a {
        font-size: 14px!important;
        color: #888;
    }
    main>header a:hover{
        color: #0fc490;
    }

    /* logo */
    /*.headerTop>section>.img{*/
    /*    width: 50%;*/
    /*}*/
    /*.headerTop>section>.courseNav{*/
    /*    width: 50%;*/
    /*}*/


</style>